.clearfix {
    &:before, &:after { content: " "; display: table; }
    &:after { clear: both; }
}

.order-info {
	display: -webkit-flex;
	padding: .2rem;
	background-color: #303030;
	color: #fff;
	font-size: .28rem;
	.material-icons {
		font-size: .36rem;
	}
}
.order-info-item {
	margin-right: .2rem;
}
.order-info-number {
	color: #f2e11c;
}

//项目
.order-main {
	display: -webkit-flex;
	justify-content: space-between;
	margin: .1rem 0 .2rem;
}
.order-dl {
	width: 3.7rem;
	box-shadow: 1px 3px 5px #ccc;
	background-color: #fff;
	dt {
		padding: .2rem;
		background-color: #303030;
		color: #fff;
	}
	dd {
		padding: .1rem;
	}
	.material-icons {
		font-size: .36rem;
	}
}
.order-serve, .order-light {
	.material-icons {
		font-size: .4rem;
	}
}
.order-light {
	margin-top: .2rem;
}
.order-serve-ls, order-light-ls {
	margin-top: .1rem;
	min-height: 1.6rem;
	li {
		float: left;
		margin-right: .1rem;
		line-height: .4rem;
		font-size: .3rem;
		color: #666;
	}
}
.order-light-ls {
	li {
		.material-icons {
			color: #d21010;
		}
	}
}
.order-serve-foot {
	display: -webkit-flex;
	flex-direction: column;
	align-items: flex-end;
	padding: 0 .1rem .1rem 0;
	margin-top: .7rem;
}
.order-server-price {
	font-size: .6rem;
}
.order-serve-link {
	display: block;
	width: 2.15rem;
	height: .8rem;
	line-height: .8rem;
	border-radius: .05rem;
	box-shadow: 1px 3px 5px #ccc;
	text-align: center;
	font-size: .36rem;
	color: #fff;
	background-color: #ff9800;
}







